:root {  --pininfarina-blue: #081427;
 --pininfarina-blue-hover: #081427be;
}
@font-face {
                font-family: Favorit;
                font-weight: 400;
                src: url(../fonts/ABCFavorit-Regular.woff) format("woff"),url(../fonts/ABCFavorit-Regular.woff2) format("woff2")
            }

            @font-face {
                font-family: Favorit;
                font-weight: 700;
                src: url(../fonts/ABCFavorit-Bold.woff) format("woff"),url(../fonts/ABCFavorit-Bold.woff2) format("woff2")
            }

            @font-face {
                font-family: Favorit Lining;
                font-weight: 400;
                src: url(../fonts/ABCFavoritLining-Regular.woff) format("woff"),url(../fonts/ABCFavoritLining-Regular.woff2) format("woff2")
            }
* { box-sizing: border-box; }
body, html { min-height: 100%; overflow-x: hidden; scroll-behavior: smooth; width: 100%; overflow-y: overlay; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; background-color: #fff; color: #000; font-family: Favorit, sans-serif; font-size: 1rem; line-height: 1.375; margin: 0; }
nav, section { display: block; }

::-webkit-scrollbar {
 width: 8px;
}
::-webkit-scrollbar-track {
 background-color: #939ca8;
}
::-webkit-scrollbar-thumb {
 background: var(--pininfarina-blue);
 border-radius: 1px;
}
::-webkit-scrollbar-thumb:hover {
 background: var(--pininfarina-blue-hover);
}
a { opacity: 1; transition: all 275ms cubic-bezier(.19, .62, .49, .99); }
/* BUTTONS AND CTAS */
.btn { -webkit-appearance: none; background: none; border: none; box-shadow: none; color: inherit; display: inline-block; font: inherit; padding: 0; -webkit-user-select: none; }
.btn.btn--primary, .btn.btn--primary-dark { background-color: transparent; border: 1px solid #d2d2d2; border-radius: 25px; color: #081427;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; padding: 0.8125rem 2.125rem; text-decoration: none; text-transform: uppercase; transition: background-color 275ms cubic-bezier(.19, .62, .49, .99), border-color 275ms cubic-bezier(.19, .62, .49, .99), color 275ms cubic-bezier(.19, .62, .49, .99); }
.btn.btn--primary-dark { border: 1px solid #adb1b7; color: var(--pininfarina-blue); }
.btn.btn--primary-dark:hover { background-color: #081427; border-color: #081427; color: #fff; }
.btn.btn--round, .btn.btn--round-light, .btn.btn--round-dark { align-items: center; aspect-ratio: 1; background-color: transparent; border: 1px solid #d2d2d2; border-radius: 50%; color: #fff; display: inline-flex; flex-shrink: 0;  font-size: .8125rem;
height: 2.5rem; justify-content: center; letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; padding: 0.3125rem; text-transform: uppercase; transition: background-color 275ms cubic-bezier(.19, .62, .49, .99), border-color 275ms cubic-bezier(.19, .62, .49, .99), color 275ms cubic-bezier(.19, .62, .49, .99); width: 2.5rem; }
.btn.btn--round-small { height: 1.5625rem; padding: 0.1875rem; width: 1.5625rem; }
.btn.btn--round-dark { border-color: #d2d2d2; color: var(--pininfarina-blue); }
.btn.btn--round-light { border-color: #939ca8; color: #fff; }
.btn.btn--round-light svg { fill: #fff; stroke: #fff; }
.btn.btn--round-dark svg { fill: var(--pininfarina-blue); stroke: var(--pininfarina-blue); }
.icon.icon--btn-round { height: 0.9375rem; width: 0.9375rem; }
.icon.icon--btn-round-small { height: 0.625rem; width: 0.625rem; }
.icon.icon--rotate-180 { transform: rotate(180deg); }
.btn.btn--round-light:hover { background-color: #fff; border-color: #fff; color: #081427; }
.btn.btn--round-light:hover svg, .btn.btn--round-light:hover svg circle { fill: #081427; stroke: #081427; }
.cta { -webkit-appearance: none; background: none; border: none; box-shadow: none; color: inherit; display: inline-block; font: inherit; padding: 0; text-decoration: none; -webkit-user-select: none; }
.cta.cta--dark { color: #081427;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; text-transform: uppercase; }
.cta.cta--light { color: #fff;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; text-transform: uppercase; }
.cta.cta--light:hover .btn { background-color: #fff; border-color: #fff; color: #081427; }
.cta.cta--dark:hover .btn svg { fill: #fff; stroke: #fff; }
.cta.cta--light:hover .btn svg { fill: #081427; stroke: #081427; }
.cta.cta--dark:hover .btn { background-color: var(--pininfarina-blue); border-color: var(--pininfarina-blue); color: #fff; }
/* HEADER */
.header { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: #081427cc; height: 5.75rem; left: 0; /* position: fixed; */
position: absolute; right: 0; top: 0; z-index: 3; }
.header.top-position { background-color: var(--pininfarina-blue); }
.header .header-wrapper { align-items: center; display: flex; flex-shrink: 0; height: 100%; justify-content: space-between; max-width: 100%; padding-left: 4vw; padding-right: 4vw; width: 100%; }
.icon.icon--logo { height: 1.3125rem; width: 13.125rem; }
.icon.icon--white-fill { fill: #fff; }
/* FOOTER */
.footer { background-color: var(--pininfarina-blue); padding-bottom: 2.5rem; padding-top: 2.5rem; }
.footer .footer-wrapper { align-items: center; flex-shrink: 0; max-width: 100%; padding-left: 4vw; padding-right: 4vw; width: 100%; }
.footer .footer-top { margin-bottom: 1.875rem; }
.footer .footer-logo-wrapper { align-items: center; display: flex; margin-bottom: 1.875rem; }
.menu-social .menu-list { list-style: none; margin: 0; padding-left: 0; }
.menu-social .menu-list>li { padding: 0; }
.menu-social .menu-item { display: inline-block; margin-left: 0.3125rem; margin-right: 0.3125rem; }
.menu-social .menu-item:first-of-type { margin-left: 0; }
.footer .footer-bottom { border-top: 1px solid #939ca8; display: flex; justify-content: space-between; margin-top: 1.5625rem; padding-top: 1.5625rem; }
.footer .footer-bottom-left { padding-right: 1.25rem; }
.footer .footer-bottom-right { display: none; }
.footer .footer-info { color: #fff;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; line-height: 1.25; margin: 0; text-transform: uppercase; }
.footer .footer-info:not(:last-of-type) { margin-right: 1.875rem; }
.footer .footer-info.footer-info--privacy { border-top: 1px solid #939ca8; margin-top: 1.5625rem; padding-top: 1.5625rem; width: 100%; }
.menu-footer-policy .menu-list { list-style: none; margin: 0; padding-left: 0; }
.menu-footer-policy .menu-item, .menu-footer-policy .menu-list>a { display: inline-block; }
.menu-footer-policy .menu-list>li { padding: 0; }
.menu-footer-policy .menu-link { color: #fff;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; text-decoration: none; text-transform: uppercase; }
.menu-footer-policy .menu-item:not(:last-of-type):after { color: #fff; content: "|"; display: inline-block; margin-left: 0.1875rem; margin-right: 0.1875rem; }
/* SECTION HERO */
.hero--general { background-color: var(--pininfarina-blue); display: flex; min-height: 85vh; padding-bottom: 3.75rem; position: relative; z-index: 0; }
.hero--general .hero-title { color: #fff; font-size: 2.5rem; font-weight: 700; line-height: 1.135; line-height: 1; margin: 0 0 1.25rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; word-spacing: 1px; }
.hero--general.hero--light { background-color: #fff; }
.hero--general.layout--0 { height: auto; min-height: auto; }
.hero--general:before { background: linear-gradient(0deg, transparent, var(--pininfarina-blue)); content: ""; display: block; height: 12vh; position: absolute; top: 0; width: 100%; z-index: 1; }
.hero--general .hero-content { display: flex; flex-direction: column; flex-shrink: 0; max-width: 100%; padding-left: 4vw; padding-right: 4vw; padding-top: 7.5rem; position: relative; width: 100%; z-index: 1; }
.hero--general .hero-content-nav { border-bottom: 1px solid #939ca8; margin-bottom: 2.1875rem; padding-bottom: 1.25rem; }
.hero--general.hero--light .hero-title { color: var(--pininfarina-blue); }
.hero--general.layout--0 .hero-title--explain .hero-title-main { display: inline-block; margin-right: 0.3125rem; text-transform: capitalize; }
/* SECTION JOB */
.section--job-content { margin-bottom: 3.125rem; }
.section--job-content .section-wrapper { flex-shrink: 0; max-width: 100%; padding-left: 4vw; padding-right: 4vw; width: 100%; }
.section--job-content .section-title { color: var(--pininfarina-blue); font-size: 2.5rem; line-height: 1.135; line-height: 1; margin: 0 0 2.8125rem; word-spacing: 1px; }
.section--job-content .section-content-left { margin-bottom: 3.125rem; }
.section--job-content .job-meta-list { list-style: none; margin: 0; padding-left: 0; }
.section--job-content .job-meta-list>li { padding: 0; }
.section--job-content .job-meta-item { border-bottom: 1px solid #d2d2d2; margin-bottom: 1.25rem; }
.section--job-content .job-meta-item:last-of-type { border-bottom: none; }
.section--job-content .job-meta-label { color: #adb1b7;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0 0 0.1875rem; text-transform: uppercase; }
.section--job-content .job-meta-info { color: #081427;  font-size: .8125rem;
letter-spacing: 3px; line-height: 1.135; line-height: 1.175; margin: 0; padding-bottom: 1.25rem; text-transform: uppercase; }
.section--job-content .job-btn { text-align: center; width: 100%; }
.section--job-content .content-title { color: var(--pininfarina-blue); font-size: 1.5625rem; font-weight: 400; line-height: 1.135; line-height: 1.25; margin: 0 0 1.875rem; word-spacing: 1px; }
.section--job-content .content-text { color: var(--pininfarina-blue); font-size: 1rem; line-height: 1.135; line-height: 1.35; margin: 0; word-spacing: 1px; }
 @media only screen and (min-device-width: 36em) {
/* FOOTER */
.footer .footer-top { display: flex; justify-content: space-between; }
.footer .footer-logo-wrapper { margin-bottom: 0; }
.menu-social .menu-item { margin-left: 0.5rem; margin-right: 0.5rem; }
}
@media only screen and (min-device-width: 48em) {
/* HEADER */
.header .header-wrapper { flex: 0 0 91.6666666667vw; margin-left: 4.1666666667vw; max-width: 91.6666666667vw; padding-left: 0; padding-right: 0; }
.icon.icon--logo { height: 1.5625rem; width: 15rem; }
/* FOOTER */
.footer .footer-wrapper { flex: 0 0 91.6666666667vw; margin-left: 4.1666666667vw; max-width: 91.6666666667vw; padding-left: 0; padding-right: 0; }
.footer .footer-bottom { padding-top: 2.8125rem; }
.footer .footer-bottom-right { display: block; flex-shrink: 0; }
.footer .footer-info { display: inline-block; line-height: 1; }
.footer .footer-info.footer-info--privacy { border-top: none; margin-top: 0; padding-top: 0; }
/* SECTION HERO */
.hero--general .hero-content { flex: 0 0 91.6666666667vw; margin-left: 4.1666666667vw; max-width: 91.6666666667vw; padding-left: 0; padding-right: 0; padding-top: 9.0625rem; }
.hero--general .hero-content-nav { margin-bottom: 3.75rem; }
.icon.icon--btn-round-small { height: 0.625rem; width: 0.625rem; }
.hero--general .hero-title { font-size: 3.125rem; }
.hero--general.hero--light .hero-title { flex: 100%; max-width: 100%; }
.section--job-content .section-content-right { flex: 0 0 54.1666666667vw; margin-left: 12.5vw; max-width: 54.1666666667vw; padding-left: 0; padding-right: 0; }
/* SECTION JOB */
.section--job-content { margin-bottom: 6.25rem; }
.section--job-content .section-wrapper { flex: 0 0 91.6666666667vw; margin-left: 4.1666666667vw; max-width: 91.6666666667vw; padding-left: 0; padding-right: 0; }
.section--job-content .section-title { margin-bottom: 4.6875rem; font-size: 3.125rem; }
.section--job-content .section-content-wrapper { display: flex; }
.section--job-content .section-content-left { flex: 0 0 20.8333333333vw; margin-bottom: 0; max-width: 20.8333333333vw; padding-left: 0; padding-right: 0; }
.section--job-content .content-title { font-size: 1.875rem; }
}
@media only screen and (min-device-width: 64em) {
/* BUTTONS AND CTAS */
.cta.cta--light { line-height: 1.25; }
/* SECTION HERO */
.cta.cta--dark { line-height: 1.25; }
.btn.btn--round,  .btn.btn--round-dark,  .btn.btn--round-light { line-height: 1.25; }
.hero--general .hero-title { font-size: 4.6875rem; }
/* SECTION JOB */
.section--job-content .section-title { margin-bottom: 4.6875rem; font-size: 4.6875rem; }
.section--job-content .job-meta-label { line-height: 1.25; }
.section--job-content .job-meta-info { line-height: 1.25; }
.section--job-content .content-title { font-size: 2.1875rem; }
.section--job-content .content-text { line-height: 1.45; }
/* FOOTER */
.footer .footer-info { line-height: 1.25; }
.menu-footer-policy .menu-link { line-height: 1.25; }
}